<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%--
  Created by IntelliJ IDEA.
  User: Lu
  Date: 2019/8/15/015
  Time: 17:40
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <base href="${pageContext.request.contextPath}/">
    <title>商品列表</title>
    <link rel="stylesheet" href="css/bootstrapcss/bootstrap.css">
    <link rel="stylesheet" href="css/front/header.css">
    <!-- Font Awesome -->
    <link href="css/vendors/font-awesome/css/font-awesome.min.css" rel="stylesheet">
    <script src="js/jquery-2.2.4.js"></script>
    <script src="js/bootstrap.js"></script>
    <script src="js/front-js/mzp-packed.js"></script>

    <style>
        /*每个商品所占的盒子*/
        .list-tab {
            margin-top: 20px;
            padding: 10px 10px;
            border: 1px solid white;

        }


        .list-tab:hover {
            border: 1px solid red;
        }

        .list-tab :hover img {
            transform: scale(1.1);

        }

        .goodsList img {
            height: 180px;
            width: 180px;
            padding: 5px;
            transition: all 0.5s ease 0s;

        }
        .goodsList .picture{
            position: relative;
            display: inline-block;
            /*overflow: hidden;*/
            transition: all 0.5s ease 0s;

        }



        /*价格*/
        .goodsList .price {
            font-size: medium;
            font-weight: normal;
            color: red;
        }

        /*供应商*/
        .goodsList .supplier {
            color: #c3c5b5;
            opacity: 90%;
        }

    </style>


</head>
<body>
<div class="container">
    <div class="row">
        <div class="clearfix">
            <div class="col-md-10 col-md-offset-1">
                <jsp:include page="header.jsp"/>
                <div class="product-head">
                    <%--<div class="col-md-1 column"></div>--%>
    <%--导入头部（未添加）--%>
    <%--<jsp:include page="front-head.jsp"></jsp:include>--%>



        <%--每列四张图片--%>
        <div class="col-md-12 column">

            <div class="row goodsList">
                <c:forEach items="${products_new}" var="item">
                    <div class="col-sm-3 list-tab" style="height: 350px" >
                        <%--商品图片--%>
                        <div class="picture">
                            <a href="front/saleprod/showDetail.do?prodNo=${item.prodNo}">
                                <img src="${item.image}" alt="" class="img-responsive">
                            </a>
                        </div>
                        <div class="row" style="padding-left: 10px;padding-top: 10px">
                                <%--打折价格--%>
                            <span style="color: red;font-weight: bold">￥${item.realPrice}</span>
                                <%--原价--%>
                            <del>￥${item.price}</del>
                        </div>
                            <%--描述--%>
                        <p class="describe">${item.descr}</p>
                            <%--供应商--%>
                        <span class="supplier">${item.venName}</span>
                    </div>
                </c:forEach>
            </div>
        </div>

        <%--尾部未添加--%>


        <%--<div class="col-md-1 column"></div>--%>
    <%--</div>--%>

                <%--<jsp:include page="footer.jsp"></jsp:include>--%>
                </div>
            </div>
                <jsp:include page="footer.jsp"/>
        </div>
    </div>
</div>
</body>
</html>
